<template>
  <ThemeModel title="主题设置" :themeColors="themeColors" />
</template>

<script setup lang="ts">
import { Etheme } from "@/types/common";
import { IThemeColors } from "@/types/system";
import ThemeModel from "../components/ThemeModel.vue";

const themeColors: IThemeColors[] = [
  { label: "清新绿系", color: "bg-freshGreen", name: Etheme.FreshGreen },
  { label: "温暖橙系", color: "bg-warmOrange", name: Etheme.WarmOrange },
  { label: "梦幻紫系", color: "bg-dreamyPurple", name: Etheme.DreamyPurple },
];
</script>

<style lang="scss" scoped></style>
